<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>圈子</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
	<div>
		<header>
			<div class="header">
				<h1>圈子</h1>
				<a href="index.html" class="return"><i class="icon-16"></i></a>
			</div>
		</header>	
		<div style="height: 2.5rem;"></div>
	</div>
	<!-- 圈子 circle-->
	<div class="circle">
		<!-- circle-tab -->
		<div class="circle2-head">
			<div class="Frjbg"><img src="images/Frjbg.jpg"></div>
			<a href="userPu.html">
				<div class="user-img"><img src="images/ts1.jpg"></div>
				<div class="user-head-d">
					<span>安琪拉</span>的圈子
				</div>
			</a>
		</div>
		<!-- circle-content -->
		<ul class="circle-content">
			<li class="tab_content show">
				<div class="circleList-d">
					<div class="circle-d-head">
						<a href="userPu.html" class="commentUser">
							<div class="user-img"><img src="images/ts1.jpg"></div>
							<div class="user-name-d">
								<span>安琪拉
									<div class="cir-iox">
										<i class="i-grade icon-vip0"></i>
										<i class="i-sex i-sexGirl icon-uniE917"></i>
									</div>
								</span><br>
								<span class="issue-time">05-03&nbsp;17:00</span>
							</div>
						</a>
					</div>
					<p class="circle-d-text">今天天气不错，适合出去郊游，在大树下沐浴阳光...</p>
					<!-- 朋友圈图片 -->
					<ul class="circle-d-img">
						<li><a href="javascript:;"><img src="images/xqs.jpg"></a></li>
					</ul>
					<!-- 朋友圈图片 end-->
					<div class="circle-d-btn">
						<span><i class="icon-uniE92F"></i>查看12次</span>
						<i class="icon-uniE944 fr"></i>
						<i class="icon-uniE929 fr"></i>
						<i class="like-i icon-uniE930 fr"></i>
					</div>
					<div class="circle-d-praise">
						<i class="icon-uniE930"></i>
						<span>
							<a href="userPu.html">苏晓格</a>
						</span>
					</div>
					<div class="circle-d-comment">
						<p><span>苏晓格：</span>是啊，今天去哪里玩啦？</p>
						<p><span>安琪拉</span>&nbsp;回复&nbsp;<span>苏晓格：</span>去了西樵山逛了一圈</p>
						<p><span>苏晓格</span>&nbsp;回复&nbsp;<span>安琪拉</span>不错呦，有空我也去逛逛。</p>
					</div>
				</div>
				<div class="circleList-d">
					<div class="circle-d-head">
						<a href="userPu.html" class="commentUser">
							<div class="user-img"><img src="images/ts1.jpg"></div>
							<div class="user-name-d">
								<span>安琪拉
									<div class="cir-iox">
										<i class="i-grade icon-vip0"></i>
										<i class="i-sex i-sexGirl icon-uniE917"></i>
									</div>
								</span><br>
								<span class="issue-time">05-03&nbsp;17:00</span>
							</div>
						</a>
					</div>
					<p class="circle-d-text">今天天气不错，适合出去郊游，在大树下沐浴阳光...</p>
					<!-- 朋友圈图片 -->
					<ul class="circle-d-img">
						<li><a href="javascript:;"><img src="images/xqs.jpg"></a></li>
					</ul>
					<!-- 朋友圈图片 end-->
					<div class="circle-d-btn">
						<span><i class="icon-uniE92F"></i>查看12次</span>
						<i class="icon-uniE944 fr"></i>
						<i class="icon-uniE929 fr"></i>
						<i class="like-i icon-uniE930 fr"></i>
					</div>
					<div class="circle-d-praise">
						<i class="icon-uniE930"></i>
						<span>
							<a href="userPu.html">苏晓格</a>
						</span>
					</div>
				</div>
				<div class="circleList-d">
					<div class="circle-d-head">
						<a href="userPu.html" class="commentUser">
							<div class="user-img"><img src="images/ts1.jpg"></div>
							<div class="user-name-d">
								<span>安琪拉
									<div class="cir-iox">
										<i class="i-grade icon-vip0"></i>
										<i class="i-sex i-sexGirl icon-uniE917"></i>
									</div>
								</span><br>
								<span class="issue-time">05-03&nbsp;17:00</span>
							</div>
						</a>
					</div>
					<p class="circle-d-text">今天天气不错，适合出去郊游，在大树下沐浴阳光...</p>
					<!-- 朋友圈图片 -->
					<ul class="circle-d-img">
						<li><a href="javascript:;"><img src="images/xqs.jpg"></a></li>
					</ul>
					<!-- 朋友圈图片 end-->
					<div class="circle-d-btn">
						<span><i class="icon-uniE92F"></i>查看12次</span>
						<i class="icon-uniE944 fr"></i>
						<i class="icon-uniE929 fr"></i>
						<i class="like-i icon-uniE930 fr"></i>
					</div>
					<div class="circle-d-praise">
						<i class="icon-uniE930"></i>
						<span>
							<a href="userPu.html">苏晓格</a>
						</span>
					</div>
				</div>
			</li>
		</ul>
	</div>
</body>
</html>